<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/div.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="/js/ajaxfileupload.js"></script>
    <script src="/js/my_download.js"></script>
    <style>
        #test,#test1{min-height:250px;overflow-y:auto;max-height:300px;}
        #main-nav {
             margin-left: 1px;
         }
        #main-nav.nav-tabs.nav-stacked > li > a {
            padding: 10px 8px;
            font-size: 12px;
            font-weight: 600;
            color: #4A515B;
            background: #E9E9E9;
            background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9));
            background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
            background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
            background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
            background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
            border: 1px solid #D5D5D5;
            border-radius: 4px;
        }
        #main-nav.nav-tabs.nav-stacked > li > a > span {
            color: #4A515B;
        }
        #main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover {
            color: #FFF;
            background: #3C4049;
            background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
            background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
            background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
            background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
            background: linear-gradient(top, #4A515B 0%,#3C4049 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
            border-color: #2B2E33;
        }
        #main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover > span {
            color: #FFF;
        }
        #main-nav.nav-tabs.nav-stacked > li {
            margin-bottom: 4px;
        }
        /*定义二级菜单样式*/
        .secondmenu a {
            font-size: 10px;
            color: #4A515B;
            text-align: center;
        }
        .navbar-static-top {
            background-color: #212121;
            margin-bottom: 5px;
        }
        .navbar-brand {
            background: url('') no-repeat 10px 8px;
            display: inline-block;
            vertical-align: middle;
            padding-left: 50px;
            color: #fff;
        }
    </style>
    <title>导入数据</title>
</head>
<body>
   <div  id="app" class="container">

       <!--第一行 系统logo-->
       <div class="row clearfix">
           <div class="col-md-4 column">
           </div>
           <div class="col-md-4 column">
               <h1>医疗数据挖掘平台</h1>
           </div>
           <div class="col-md-4 column">
           </div>
       </div>
      <br/>

       <div class="row clearfix" >
           <!--左侧菜单-->
            <div id="tree" class="col-md-2 column">
               <!--左侧树形菜单-->
               <ul id="main-nav" class="nav nav-tabs nav-stacked" style="">
                   <li class="active">
                       <a href="#">
                           <i class="glyphicon glyphicon-th-large"></i>
                           首页
                       </a>
                   </li>

                   <li>
                       <a href="#" @click="input_file()">
                           <i class="glyphicon glyphicon-credit-card"></i>
                           导入数据
                       </a>
                   </li>

                   <li >
                       <a href="#systemSetting" class="nav-header collapsed" data-toggle="collapse">
                           <i class="glyphicon glyphicon-cog"></i>
                           数据预处理
                           <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                       </a>
                       <ul id="systemSetting" class="nav nav-list collapse secondmenu" style="height: 0px;">
                           <li><a href="#" @click="attribute_gen()"><i class="glyphicon glyphicon-user" ></i>属性预处理</a></li>
                           <li><a href="#" @click="instance_gen()"><i class="glyphicon glyphicon-th-list"></i>实例预处理</a></li>
                       </ul>
                   </li>

                   <li >
                       <a href="#classify" class="nav-header collapsed" data-toggle="collapse">
                           <i class="glyphicon glyphicon-cog"></i>
                           分类分析
                           <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                       </a>
                       <ul id="classify" class="nav nav-list collapse secondmenu" style="height: 0px;">
                           <li><a href="#" @click="linerRegression_gen()"><i class="glyphicon glyphicon-user" ></i>决策树算法/J48</a></li>
                           <li><a href="#" @click="randomForest_gen()"><i class="glyphicon glyphicon-th-list"></i>线性回归/M5P</a></li>
                       </ul>
                   </li>
                   <li>
                       <a href="./grid.html">
                           <i class="glyphicon glyphicon-globe"></i>
                           回归分析
                       </a>
                   </li>
                   <li>
                       <a href="./charts.html">
                           <i class="glyphicon glyphicon-calendar"></i>
                           关联规则分析
                       </a>
                   </li>
                   <li>
                       <a  @click="ik_par()">
                           <i class="glyphicon glyphicon-calendar"></i>
                           文本分词
                       </a>
                   </li>
                   <li>
                       <a href="#">
                           <i class="glyphicon glyphicon-fire"></i>
                           关于系统
                       </a>
                   </li>
               </ul>
           </div>
           <!--右侧内容显示模块-->
           <div class="col-md-10 column" style="background-color: rgba(213, 215, 218, 0.42)">
               <!--第一行-->
               <div class="row clearfix" >
                   <br/>
                   <div class="col-md-1 column">
                   </div>
                   <div class="col-md-1 column">
                       <button type="button" class="btn btn-info" @click="Edit()">查看数据</button>
                   </div>
                   <div class="col-md-5 column">
                   </div>
                   <div class="col-md-2 column">
                       <button type="button" class="btn btn-info" @click="Save">保存数据</button>
                   </div>
                   <br/>
               </div>
               <!--第er行-->
               <div class="row clearfix" >
                   <br/>
                   <div class="col-md-1 column">
                       <input id="docFile" type="file" style="display: none" name="file" class="form-control" @change="mychange"/>
                   </div>
                   <div class="col-md-1 column">
                       <button type="button" class="btn btn-info" @click="mybrows">选择文件</button>
                   </div>
                   <div class="col-md-1 column">
                   </div>
                   <div class="col-md-4 column">
                       <input id="filePath" type="text" class="form-control"  placeholder=".xls/.xlsx/.arff/.csv" style="height: 30px"/>
                   </div>

                   <div class="col-md-2 column">
                       <button id="submit" type="button" class="btn btn-info" @click="mysubmit()">提交文件</button>
                   </div>
                   <div class="col-md-2 column" style="width:23px ">
                       <!--进度条-->
                       <div class="progress progress-striped active">
                           <div class="progress-bar progress-bar-success" role="progressbar"
                                aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                style="width: 40%;">
                               <span class="sr-only">40% 完成</span>
                           </div>
                       </div>
                   </div>
                   <br/>
               </div>
               <!--第三行-->
               <div class="row clearfix" style="background-color: rgba(143, 143, 143, 0.22);border-radius: 10px 10px 10px 10px">
                   <br/>
                   <div class="col-md-4">
                       <label>文件名：</label> &nbsp; &nbsp;
                       <label style="color: #942a25">{{instancesEntityFirst.file_name}}</label>
                   </div>
                   <div class="col-md-2">
                       <label>属性数：</label> &nbsp; &nbsp;
                       <label style="color: #942a25">{{instancesEntityFirst.attributes_size}}</label>
                   </div>
                   <div class="col-md-4">
                       <label>实例数：</label> &nbsp; &nbsp;
                       <label style="color: #942a25">{{instancesEntityFirst.instance_size}}</label>
                   </div>
                   <br/>
               </div>
               <!--第四行-->
               <div class="row clearfix">
                   <br/>
                   <!--左边-->
                   <div class="col-md-3" id="test">
                       <table class="table table-hover">
                           <tr>
                               <td align="left">
                                   <input type="checkbox" @click="selectAll()"/>
                               </td>
                               <td align="center">
                                   &nbsp; &nbsp;&nbsp;<label style="color: #0480be">&nbsp;&nbsp;列名</label>
                               </td>
                           </tr>

                           <tr  v-for="(item,index) in attribute_list " @click="trclick(item,index)">
                               <td align="left">
                                   <input type="checkbox" v-bind:checked="item.checked" @click="myselect(item)"/>
                               </td>
                               <td align="center">
                                   &nbsp;&nbsp;<label>&nbsp;{{index+1}}&nbsp;{{item.atttribuy_name}}</label>
                               </td>
                           </tr>
                       </table>
                       &nbsp;&nbsp; &nbsp;&nbsp;<button type="button" class="btn btn-danger" @click="Remove()">删除</button>
                   </div>
                   <!--右边-->
                   <div class="col-md-9" style="background-color: #d9edf7">
                       <!--右边（diyihang）-->
                       <div class="row clearfix" >
                           <label>&nbsp;&nbsp;列名：</label>
                           <label  style="color: #169426">{{result.attribute_Name}}</label>
                           &nbsp;&nbsp; &nbsp;
                           <label>数据类型：</label>
                           <label  style="color: #091994"> {{result.num_type}}</label>
                           &nbsp;&nbsp; &nbsp;&nbsp;
                           <label>缺失率：</label>
                           <label  style="color: #94170d">{{result.missing}}({{result.missing_percentage}})</label>
                           &nbsp;&nbsp; &nbsp;&nbsp;
                           <label>属性值数量：</label>
                           <label  style="color: #309468"> {{result.distinct}} </label>
                           &nbsp;&nbsp; &nbsp;&nbsp;
                           <label>独享属性值数量：</label>
                           <label  style="color: #940c85"> {{result.unique}} </label>
                       </div>
                       <!--右边第二行-->
                       <div class="row clearfix" id="test1" >
                           <table class="table table-striped" id="StrOrNom" >
                               <thead>
                               <tr>
                                   <th>&nbsp;&nbsp; &nbsp;&nbsp;</th>
                                   <th>&nbsp;&nbsp; &nbsp;Name&nbsp;&nbsp; </th>
                                   <th>&nbsp;&nbsp; &nbsp;Counter&nbsp;&nbsp; </th>
                                   <th>&nbsp;&nbsp; &nbsp;Weight&nbsp;&nbsp; </th>
                               </tr>
                               </thead>
                               <tbody>
                               <tr  v-for="(item,index) in result.list">
                                   <th align="center">&nbsp;&nbsp; {{index}}&nbsp;&nbsp;</th>
                                   <th align="center">&nbsp;&nbsp; &nbsp;{{item.lable}}&nbsp;&nbsp; </th>
                                   <th align="center">&nbsp;&nbsp; &nbsp;{{item.count}}&nbsp;&nbsp; </th>
                                   <th align="center">&nbsp;&nbsp; &nbsp;{{item.weight}}&nbsp;&nbsp; </th>
                                   <th v-for="el in item.statistics_value_list" align="center">&nbsp;&nbsp; &nbsp;{{el}}&nbsp;&nbsp;</th>
                               </tr>
                               </tbody>
                           </table>

                           <table class="table table-striped" id="Numeric" >
                               <thead>
                               <tr>
                                   <th>&nbsp;&nbsp; &nbsp;</th>
                                   <th>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;统计信息&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</th>
                                   <th>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;统计值&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</th>
                               </tr>
                               </thead>
                               <tbody>
                               <tr>
                                   <td>&nbsp;&nbsp; &nbsp;1&nbsp;&nbsp; &nbsp;</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;MaxValue&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;{{result.maxValue}}&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                               </tr>
                               <tr>
                                   <td>&nbsp;&nbsp; &nbsp;2&nbsp;&nbsp; &nbsp;</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;MinValue&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;{{result.minValue}}&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                               </tr>
                               <tr>
                                   <td>&nbsp;&nbsp; &nbsp;3</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;Mean&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;{{result.mean}}&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                               </tr>
                               <tr>
                                   <td>&nbsp;&nbsp; &nbsp;4</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;StdDev&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                                   <td>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;{{result.stdDev}}&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</td>
                               </tr>
                               </tbody>
                           </table>
                       </div>
                   </div>
               </div>


           </div>

       </div>
   </div>

   <script>
       $(document).ready(function(){
      document.getElementById("Numeric").style.display="none";
           document.getElementById("StrOrNom").style.display="none";
           var vu=new Vue({
               el:'#app',
               data:{
                   lg:0,
                   mystate:0,
                   instancesEntityFirst:"",
                   checkAll:false,
                   attribute_list:[],
                   result:"",//点击单个属性时的返回结果
                   remove_list:[]
               },
               mounted:function(){
                  //初始化页面的时候加载数据
                  this.initialization()
               },
               methods:{
                   mysubmit:function(){
                      // alert("提交文件")
                       var that=this;
                       if(lg==0){
                           alert("抱歉，您还没有选择文件！")
                           return;
                       }
                       $.ajaxFileUpload({
                           //文件上传接口
                           url : '/fileController/fileupload',
                           secureuri : false,
                           fileElementId : 'docFile',
                           dataType: 'json',   //服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
                           async : true,   //是否是异步
                           //成功回调
                           success:function(data) {
                               //第一步：进度条更新
                               that.mystate++;
                               $("progress").val("100");
                               //第二步：获取返回的数据
                               if(data.state==400){
                                   alert(data.error_message)
                                   return
                               }
                               that.instancesEntityFirst=data,
                                       that.attribute_list=data.attribute_list
                               console.log(that.data);
                           },
                           error:function(data, status, e) {
                               alert("上传发生异常"+e);
                           }
                       })
                   },

                   //选择文件按钮（使用了代理模式）
                   mybrows:function () {
                       $('#docFile').click();
                   },

                   mychange:function(){
                       var fp = $("#docFile");
                       lg = fp[0].files.length;

                       var items = fp[0].files;
                       var message=""
                       if (lg > 0) {
                           for (var i = 0; i < lg; i++) {
                               var fileName = items[i].name; // get file name
                               message=fileName
                               var i = fileName.lastIndexOf(".");

                               if(i > -1) {
                                   var ext = fileName.substring(i);
                                   if((ext==".csv")||(ext==".arff")||(ext==".xlsx")||(ext==".xls")){
                                       $("#filePath").val(message)
                                   }else{
                                       alert("选择的文件格式错误！")
                                   }
                               }
                           }
                       }
                   },

                   trclick:function(item,index){
                       var that=this;
                       var url="/fileController/attributeAnalysis_nom0rStr"
                       var attributeType=item.attribute_type
                       //判断选择的属性的属性类型  然后选择不同的接口
                       if(attributeType=="Nominal"||attributeType=="String"){
                           //
                           document.getElementById("StrOrNom").style.display="block";
                           document.getElementById("Numeric").style.display="none";

                       }else if(attributeType=="Numeric"||attributeType=="Date"){
                           url="/fileController/attributeAnalysis_num"
                           document.getElementById("StrOrNom").style.display="none";
                           document.getElementById("Numeric").style.display="block";
                       }

                       //属性分析请求
                       axios.get(url,{
                           params: {
                               attributeName:item.atttribuy_name,
                               index:index
                           }
                       }).then(function(response){
                           if(response.data.state==400){
                               alert(response.data.error_messaege)
                               return
                           }

                           console.log(that.result);
                           that.result=response.data

                       },function(errormessage){

                       })
                   },

                   myselect:function(item){
                       if(typeof item.checked == "undefined"){
                           this.$set(item ,"checked",true)
                       }else{
                           item.checked = !item.checked;
                       }
                   },

                   selectAll:function(){
                       var _this=this;
                       var isCheck=_this.checkAll;
                       _this.attribute_list.forEach(function(item){
                           if(typeof item.checked == "undefined"){
                               _this.$set(item,"checked",!isCheck);
                           }else{
                               item.checked = !isCheck;
                           }

                           _this.checkAll=!isCheck;
                       })


                   },

                   initialization:function(){
                       var that=this
                      var url='/fileController/initData'
                       axios.get(url).then(function(response){
                           that.instancesEntityFirst=response.data,
                                   that.attribute_list=response.data.attribute_list
                          // console.log(that.response);
                       },function(erreo){

                       })

                   },

//删除操作
                   Remove:function(){
                       var that=this;
                       var counter=0;
                       //第一步：获取被选中的目标集合
                       that.attribute_list.forEach(function(item){
                           if(!(typeof item.checked == "undefined")){
                               if(item.checked==true){
                                   //alert(item.atttribuy_name)
                                   that.remove_list.push(counter)
                               }
                           }
                           counter++;
                       });
                       //第二步：调用后台接口删除数据
                       var url="/fileController/attribute_remove"
                      // alert("删除动作调用")
                       $.ajax({
                           type : "get",
                           url : url,
                           data :{
                               remove_list:that.remove_list,
                               file_name:that.instancesEntityFirst.file_name},
                           success : function(response) {
                              if(response.state==400){
                                  alert(response.error_message)
                                  return
                              }
                               that.remove_list=[]
                               that.instancesEntityFirst=response,
                                       that.attribute_list=response.attribute_list
                       },
                       error : function(e) {
                           alert('Error: ' + e);
                       }
                   });
                   },
//编辑数据
                   Edit:function(){
                       //发送请求跳转到新的页面
                       window.open("/html/edit_page.html")
                   },
//保存数据
                   Save:function(){

                    //保存文件
                    var url="/fileController/file_save"
                       my_download(this.instancesEntityFirst.file_name,url);

                   },

                   //菜单按钮组
                   input_file:function(){
                       window.location.href="/html/input_file.html"
                   },
                   //属性预处理菜单
                   attribute_gen:function(){
                       alert("数字型预处理")
                       window.location.href="/html/attribute_gen.html"
                   },
                   instance_gen:function(){
                       window.location.href="/html/instance_gen.html"
                   },
                   linerRegression_gen:function(){
                       window.location.href="/html/classify.html"
                   },

                   randomForest_gen:function(){
                       window.location.href="/html/mp5.html"
                   },
                   ik_par:function () {
                       window.location.href="/html/ik_participle.html"
                   }
               },
               computed:{
               /*    //请求成功
                   mystate:function () {
                       that=this;
                       axios.get('/fileUpload/analy').then(function(response){
                           console.log(response.data);
                           that.dataInfo=response.data;
                       },function(errormessage){
                           alert(errormessage)
                       })
                   }*/
               }
           });
       });

   </script>

</body>
</html>